<!DOCTYPE html>
<html>

<head>
    <title>Home</title>
    <link href="../plugins/bootstrap/css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <script src="../js/conf.js"></script>
    <script src="../plugins/jquery.min.js"></script>

    <!-- 倒计时样式 -->
    <link href="../css/activity/jquery.countdown.css" rel="stylesheet" type="text/css" media="all"/>


    <!-- 页面样式 -->
    <link href="../css/activity/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- Custom Theme files -->

    <link rel="stylesheet" href="../plugins/layui/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"
          media="all">
    <link rel="stylesheet" type="text/css" href="../css/overall_style.css">


    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="SONGLILY Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>

    <link rel="stylesheet" href="../css/activity/animate.css">

    <style>
        a {
            text-decoration: none !important
        }

        * {
            margin: 0;
            padding: 0;
        }

        ul {
            list-style-type: none;
        }

        body {
            font: 14px "Microsoft Yahei";
            overflow-x: hidden;

        }

        h1 {
            width: 900px;
            margin: 40px auto 100px;
            font: 32px "Microsoft Yahei";
            text-align: center;
            color: #D3D3D3;
        }
    </style>
</head>

<body>

<div class="top_box" id="pwy_nav">

</div>
<div class="banner">
    <div class="banner-info text-center">
        <h1>优惠劵放送</h1>
        <h2 id="h2_seckill_count">That comes from the soul</h2>
        <div id="countdown"></div>
        <div class="clearfix"></div>
        <p>1. 基因谱优惠券可在基因谱商城购买商品时使用，可抵扣现金，优惠券不能兑换成现金。

            2. 一张订单只能使用一张优惠券，多张优惠券不能同时使用，每张优惠券只能使用一次，不可分拆。

            备注：如您有多张优惠券的话， 在一个订单中也只能使用一张，无法在一个订单中使用多张优惠券。

            3. 提交订单前可选择是否使用优惠券及使用哪张优惠券，支付金额会自动减去优惠券优惠的金额。

            4. 优惠券在有效期内使用。每张优惠券都有相应的有效期，请您在此期间内使用，超过此期限，优惠券将失效。
        </p>
        <a href="../html/activity_child.html">Get Started</a>
    </div>
</div>
<!-- banner-section -->
<div class="popular-section">
    <div class="popular-section-left">
        <div class="popular-section-list">
            <ul>
                <li><i class="song"></i></li>
                <li><span class="seckill_span" id="seckill_0">Popular Songs</span></li>
            </ul>
            <ul>
                <li><i class="album"></i></li>
                <li><span class="seckill_span" id="seckill_1">Popular Songs</span></li>
            </ul>
            <ul>
                <li><i class="event"></i></li>
                <li><span class="seckill_span" id="seckill_2">Popular Songs</span></li>
            </ul>
            <ul>
                <li><i class="artist"></i></li>
                <li><span class="seckill_span" id="seckill_3">Popular Songs</span></li>
            </ul>
        </div>
    </div>
    <div class="popular-section-right">
        <div class="popular-section-right-top">
            <h3>Most Popular Albums</h3>
            <input type="text" value="">
        </div>
        <div class="popular-section-right-grids" id="y-active">
            <div class="well">

                <div class="col-md-3 popular-section-right-grid text-center">
                    <div class="well-item">
                        <div class="correct" id="awards_result_0">
                            <img class="coupon_img" src="../imgs/activity/awards.png"/>
                        </div>
                        <div class="opposite">
                            <div class="">
                                <div class="opposite-content">
                                    <div class="opposite-content-text" id="coupon_result_0">
                                        <img class="coupon_img"  src="../imgs/activity/awards.png"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <span id="end_span_0" style="display: none">活动已结束</span>
                    </div>
                </div>

                <div class="col-md-3 popular-section-right-grid text-center">
                    <div class="well-item">
                        <div class="correct" id="awards_result_1">
                            <img class="coupon_img" src="../imgs/activity/awards.png"/></div>
                        <div class="opposite">
                            <div class="">
                                <div class="opposite-content">
                                    <div class="opposite-content-text" id="coupon_result_1">
                                        <img class="coupon_img" src="../imgs/activity/awards.png"/>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <span id="end_span_1" style="display: none">活动已结束</span>
                    </div>
                </div>

                <div class="col-md-3 popular-section-right-grid text-center">
                    <div class="well-item">
                        <div class="correct" id="awards_result_2">
                            <img class="coupon_img" src="../imgs/activity/awards.png"/></div>
                        <div class="opposite">
                            <div class="">
                                <div class="opposite-content">
                                    <div class="opposite-content-text" id="coupon_result_2">
                                        <img class="coupon_img" src="../imgs/activity/awards.png"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <span id="end_span_2" style="display: none">活动已结束</span>
                    </div>
                </div>
                <div class="col-md-3 popular-section-right-grid text-center">
                    <div class="well-item">
                        <div class="correct" id="awards_result_3">
                            <img class="coupon_img" src="../imgs/activity/awards.png"/>
                        </div>
                        <div class="opposite">
                            <div class="">
                                <div class="opposite-content">
                                    <div class="opposite-content-text" id="coupon_result_3">
                                        <img class="coupon_img" src="../imgs/activity/awards.png"/>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div>
                        <span id="end_span_3" style="display: none">活动已结束</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="../plugins/jquery.min.js"></script>
<!-- 倒计时 -->
<script src="../js/activity/jquery.countdown.js"></script>
<script src="../js/activity/script.js"></script>
<script src="https://cdn.staticfile.org/layui/2.7.6/layui.min.js"></script>
<script>
    $(function () {
        $("#pwy_nav").load('./nav.html');
    })
</script>
</body>

</html>